/* modified version of normalize.css: http://necolas.github.com/normalize.css/  & reset.css: http://meyerweb.com/eric/tools/css/reset/ */
/* HTML5 display definitions */ 
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}
audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}
/* Base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* used for mobile standard font sizing */
html,button,input,select,textarea {font-family: sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,img,figure,sub,sup,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
input[type="text"],input[type="password"],textarea{
    margin:0; padding:0; border:0; vertical-align:baseline; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit;
}
.phs ul, .phs ol { list-style: none; list-style-image: none;}
.phs img { border: 0; -ms-interpolation-mode: bicubic; }
.phs svg:not(:root) {overflow: hidden;}
.phs button, .phs input[type="button"], .phs  input[type="reset"], .phs input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible; }
.phs button[disabled], .phs input[disabled] { cursor: default;}
.phs input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0;  *height: 13pt; *width: 13pt; }
.phs input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.phs input[type="search"]::-webkit-search-decoration, .phs input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.phs input { border-radius: 0; }	/* iOS */
.phs textarea { overflow: auto; vertical-align: top; }
.phs table{border-collapse:collapse;border-spacing:0;}
.phs caption,.phs th,.phs td{text-align:left;font-weight:normal;} 
.phs address{font-style:normal;}

.phs .topBar a,
.phs .sprite,
.phs input[type="submit"],
.phs footer a,
.phs .theaterMenu li a,
.phs .loginForm a,
.phs .myPres ul li a,
.phs .mainContent,
.aTab,
.interiorPage .mainContent h1,
header { outline: 0 none; }  


/*-- Reset Sharepoint styles --*/
body.noShake #s4-workspace {	
	height: auto !important;
	overflow-y: hidden !important;
}
html body #s4-workspace {
	overflow-x: hidden;
}
div.article {
	padding: 0;
}
.article-content {
	margin: 0;
}
.ms-WPBody a:link,
.ms-WPBody a:visited {
	color: inherit;
}

/* added 7/26/13 to fix Site Actions menu z-index issue in IE */
div.ms-MenuUIPopupBody {
	z-index: 1000 !important;
	position: absolute;
}

/*-------------------------*\
    $GLOBAL
\*-------------------------*/

abbr[title] { border-bottom: 1pt dotted;}
b,strong {font-weight: bold;}
abbr[title] { border-bottom: 1pt dotted;}
b,strong {font-weight: bold;}
mark {background: #ff0;color: #000;}
pre,code {font-family: monospace, serif;  font-size: 1em;}
pre {white-space: pre;  white-space: pre-wrap;  word-wrap: break-word;}

sub, sup { 
    font-size: 75%; 
    line-height: 0; 
    position: relative; 
    vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
body {
    width: 100%;
    background:#2c2b2c;
}
.phs .mainContent {
	background: #ffffff;
}
p {
	margin: 0 0 10px 0;
}
.phs .centered {
	text-align: center;
}
.phs hr {
	background: none repeat scroll 0 0 #aeaeae;
    border: 0 none;
    color: #aeaeae;
    height: 1px;
    width: 100%;
    margin: 20px 0;
    padding: 0;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after {clear: both;}
.ie7 .clearfix { zoom: 1; }
.ir { 
    display: block; 
    text-indent: 100%; 
    overflow: hidden; 
    white-space: nowrap; 
    border: 0; 
    background-color: transparent; 
    background-repeat: no-repeat; 
    text-align: left; 
    direction: ltr;  
    *line-height:0; 
} 
.ir br { 
    display: none; 
}
/* Skip to Content link */
.skipToContent {
	position: absolute;
	height: 1px;
	outline: 0 none;
	text-indent: -9999px;
	width: 1pt;
}
.skipToContent.focused {
	top: 10px; left: 10px;
	height: 18px;
	text-indent: 0;
	width: 120px;
}


/*---- Fonts --*/
.phs,
.phs .ms-WPBody,
.phs .ms-WPBody td,
.phs .ms-rte-wpbox,
.phs .article-content {
    font: normal 14px/20px Arial, Helvetica, sans-serif;
    color: #555151;
}
em {
}
.phs i { /* icons use this selector now */
    font-style: normal;
}
.phs .lower {
	text-transform: lowercase !important;
}
.phs .noUpper {
	text-transform: none !important;
}
.red {
	color: #a71930;
}
.phs h1 {
	color: #a71930;
	font-size: 30px;
	line-height: 30px; 
	font-weight: bold;
	margin: 40px 0 16px 0;
	text-transform: uppercase;
}
.phs h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #a71930;
	margin: 5px 0;
}
p.footnote {
	font-size: 11px;
}
.relay {
	font-size: 11px;
	color: #555151;
	font-style: italic;
}


/*---- Lists --*/
.phs ul.bullets {
	list-style-type: disc; 
	list-style-position: outside; 
	margin-left: 25px;
	margin-bottom: 10px;
}
.phs ol.numbers,
.phs ol.letters {
	list-style-type:decimal;
	list-style-position: outside; 
	margin-left: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}
.phs ol.letters {
	list-style-type: lower-alpha;
}
.phs ul.bullets li,
.phs ol.numbers li {
	line-height: 15px;
    margin-bottom: 5px;
    color: #a71930;
    border: none; 
}
.phs ul.bullets li span,
.phs ol.numbers li span {
    color: #555151;
    font-weight: normal;
}

.phs .column1,
.phs .column2 {
	width: 100%;
	float:left;
} 

/*---- Links --*/
a:link,
a:visited {
    text-decoration: none;
    color: inherit;
} 
.phs a.secondaryCTA,
.phs a.cancelLink,
.phs a.clearFormLink,
.phs .backLink a {
	display: block;
/*	float: left; */
	font-size: 12px;
	font-weight: bold;
	color: #2c2b2c;
	text-decoration: none;
	margin-top: 10px;
}
.phs a.clickToCall,
a.textLink  {
	display: inline;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	padding: 0;
	font-weight: bold;
	color: #2c2b2c;
}
a.textLink i {
	margin-left: 6px;
}
.phs a.secondaryCTA:hover,
.phs a.secondaryCTA:focus,
.phs a.cancelLink:hover,
.phs a.cancelLink:focus,
.phs a.clearFormLink:hover,
.phs a.clearFormLink:focus,
.phs .backLink a:hover,
.phs .backLink a:focus,
.phs a.clickToCall:hover,
.phs a.clickToCall:focus,
.phs a.textLink:hover,
.phs a.textLink:focus,
.phs .headerNavBar a:hover,
.phs .headerNavBar a:focus {
	text-decoration: underline;
}



/*---- Buttons  --*/
.phs input.actionButton,
a.actionButton:link,
a.actionButton:hover,
a.actionButton:visited {
	background: #14837b url("/phsorgresources/Style%20Library/img/circleArrowRight.png") right  no-repeat;
	background-size: 33px 25px;	
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	display: block;
	height: 41px;
	width: 100%;
	padding: 0 50px 0 15px;
	border: 0;
}
a.actionButton:link,
a.actionButton:hover,
a.actionButton:visited {
	padding-top: 11px;
}
a.actionButton:hover,
a.actionButton:focus,
input.actionButton:hover,		
input.actionButton:focus {
	background-color: #2c2b2c;
	background-position: right !important;
}

/* "secondary" menu buttons on Providers menu/dashboard page */
.componentCTALink.secondary a.actionButton:link,
.componentCTALink.secondary a.actionButton:hover,
.componentCTALink.secondary a.actionButton:focus,
.componentCTALink.secondary a.actionButton:visited {
	background-color: #cacaca;
	background-image: none;
	text-align: center;
	font-weight: normal;
	color: #2c2b2c;
	padding-right: 15px;
}
.componentCTALink.secondary a.actionButton:hover,
.componentCTALink.secondary a.actionButton:focus {
	background-color: #2c2b2c;
	color: #fff;
}

/* additional buttons used on Provider Real-time Updates forms */
a.button:link,
a.button:hover,
a.button:focus,
a.button:visited,
input.button {
	background-color: #14837b;
	border-radius: 5px;
	color: #fff ;
	text-decoration: none;
	font-size: 14px !important;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	height: 41px;
	width: auto;
	padding: 11px 15px 0 15px;
	border: 0;
	margin-right: 20px;
	margin-bottom: 10px;
}

a.addButton:link,
a.addButton:hover,
a.addButton:focus,
a.addButton:visited,
input.addButton {
	background: #14837b url("/phsorgresources/Style%20Library/img/circlePlus.png") right  no-repeat;
	background-size: 33px 25px;	
	padding: 0 44px 0 15px;
	margin-bottom: 10px;
}
a.backButton:link,
a.backButton:hover,
a.backButton:focus,
a.backButton:visited,
input.backButton {
	background: #14837b url("/phsorgresources/Style%20Library/img/circleArrowLeft.png") left  no-repeat;
	background-size: 33px 25px;	
	padding: 0 15px 0 44px;
}
a.addButton:link,
a.addButton:hover,
a.addButton:visited,
a.backButton:link,
a.backButton:hover,
a.backButton:visited {
	padding-top: 11px;
}

a.cancelButtonGreen,
a.saveButton,
input.saveButton {
	/* nothing special */
}
a.cancelButton,
a.cancelButton:link,
a.cancelButton:visited {
	background-color: #cfcfcf;
	color: #2c2b2c;
}
input.button {
	padding-top: 1px;
}
a.button:hover,
a.button:focus,
input.button:hover,
input.button:focus {
	background-color: #2c2b2c;
	color: #fff;
}
a.removeLink:link,
a.removeLink:focus,
a.removeLink:hover,
a.removeLink:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #2c2b2c;
}


.formWrapper .buttonWrapper {
	width: 100%;
}



/*---- Arrows & other little icons ----*/
i.arrowRedRight,
i.arrowWhiteRight {
	margin-left: 5px;
}
i.arrowRedLeft,
i.clearForm {
	margin-right: 5px;
}
i.iconHeaderLink {
	margin-right: 8px;
	margin-bottom: -5px;
}



/*-------------------------*\
    LAYOUT
\*-------------------------*/

.phs, .phs * {
	box-sizing: border-box;  /*-- for Responsive --*/
}

.phs .mainContent {
	width: 100%;
	background: #fff;
}
.article {
	width: 100%;
}
.phs .article-content {
	margin: 0 20px 20px 20px;
}


/*  Header */
header {
	width: 100%;
}
.headerNavBarWrapper {
	width: 100%;	
	height: 44px;
	background-color: #a71930;	
}
.headerNavBar {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.siteTitle {
	display:block;
}
.siteTitle img {
	width: 200px;
	position: absolute;
		left: 19px;
		top: 12px;
}
.headerLinks,
.signInLink {
	float: right;
}
.greeting {
	float: right;
	font-size: 12px;
	color: #fff !important;
	text-transform: none;
	font-style: italic;
	padding: 0 20px;
	margin-top: 19px;
	display: none;
}
.showMenuLink {
	display: block;
	height: 22px;
	float: right;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #fff !important;
	text-transform: none;
	border: 1pt solid #d3d3d3;
	border-radius: 3px;
	padding: 0 5px;
	margin-top: 13px;
	margin-right: 10px;
}
.showMenuLink.navOpen {
	background: #ffffff;
	color: #a71930 !important;
}
/* navMenu default styles are tablet/desktop; overridden for mobile */
.navMenu,
.signInLink {
	float: right;
	margin-top: 19px;
	display: block;	
}
.navMenu ul,
.navMenu li,
.navMenu .navOtherRoles {
	float: left;
}
.navMenu li,
.navMenu .navOtherRoles,
.signInLink {
	font-size: 12px;
	font-weight: bold;
	color: #fff !important;
	text-transform: none;
}
.navMenu li {
	padding: 0 20px;
	border-left: 1px solid #ca7583;
}
.signInLink {
	padding: 0 20px 0 0;
}
.navMenu .navOtherRoles {
	background-color: #790d20;
	padding: 9px 15px 11px 14px;
	margin-top: -9px;
	margin-right: 20px;
}
.headerImage {
	width:100%;
	max-width: 767px;
	margin: 0;
	height: 94px; 
	background: url("/phsorgresources/Style Library/img/headerImage-mobile.jpg") 0 0 no-repeat;
	background-size: 767px 94px;
}
.groupNamePanel {
	color: #a71930;
	font-size: 12px;
	background: #fff;
	text-align: center;
	width: 100%;
	padding: 15px 20px;
	float: left;
	display: block;
}
.messagePanel  {
	background: #ededed;
	padding: 15px 25px;
	font-style: italic;
	width: 100%;
	min-height: 90px;
	float: left;
}
.messagePanel .messageIcon {
	float: left;
}
.messagePanel .messageContent {
	margin: 20px 0 0 80px;
}
.messagePanel strong {
	color: #a71930;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}


/* Footer */
/* footer default styles are tablet/desktop; overridden for mobile */
.messageFooterPanel {
	background: #ededed;
	padding: 15px 25px;
}
.messageFooterPanel .centennialCarePanel,
.messageFooterPanel .providersMenuPanel {
	width: 100%;
	margin: 0 auto;
}
.messageFooterPanel .providersMenuPanel p {
	margin-top: 10px;
}
footer {
	background-color: #2c2b2c;
	margin-top: 0;
}
.footerContent {
	width: 725px;
	margin: 35px auto;
}
.footerHelp {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.footerHelp a.clickToCall:link,
.footerHelp a.clickToCall.active {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.footerHelp a.clickToCall:hover,
.footerHelp a.clickToCall:focus {
	text-decoration: underline;
}
.footerDisclaimer {
	color: #c2c2c2;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
}
.footerMenu {
	margin: 18px auto;
	width: 456px;		/* UPDATE 10/14/16 - GC */
	text-align: center;
}
/* footer ul {				/* UPDATE 7/28/16 
	display: inline;
} */
footer ul li {
	float:left;
	border-left: 1px solid #606162;
	text-align: center;
}
footer ul li:first-child {			/* UPDATE 7/28/16 */
	border-left: 0;
}
footer ul li a {
	font-size: 12px;
	line-height: 12px;
	color: #c2c2c2;
	padding: 6px 35px;
	display: block;
}
footer a:link,
footer a:hover,
footer a:visited {
	color: #ffffff;
}
footer a:hover,
footer a:focus {
	text-decoration: underline;
}


/* Dashboard page */

.dashboardSection {
	width: 100%;
	float: left;
	margin: 0;
}
.dashboardSection h2 {	
	display: block;
	background: #555151;
	color: #d0d0d0;
	border-top: 1px solid #d3d3d3;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
	padding: 35px;
	float: left;
	width: 100%;
	margin: 0;
}
.dashboardSection.open h2 {
	background: #2c2b2c;
}
.dashboardSection h2 strong {	
	color: #ffffff;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	display: block;
}
.dashboardSection h2 i {	
	display: block;
	margin: 10px auto 0 auto;
}

.dashboardComponentWrapper {
	width: 100%;
	margin: 0 auto;
	float: left;
}
.dashboardComponent {
	width: 100%;
	margin: 0;
	border-top: 1px solid #d3d3d3;
	padding: 30px 10px;
	float: left;
	position: relative;
	background: #fff;
}
.helpLink {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
}
.moreDetails.tooltip {
	padding:30px 20px 20px 20px;
	border: 3px solid #e5e5e5;
	background: #fff;
	position: absolute;
	width: 300px;
	height: auto;
	right: -5%;
	bottom: 95%;
	z-index: 100;
}
.moreDetails.tooltip a.closeButton {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}
.dashboardComponent h3 {
	height: 46px;
	margin-bottom: 10px;
	display: table;
}
.dashboardComponent h3 a {
	display: table;
}
.dashboardComponent h3 i {
	margin-right: 10px;	
}
.dashboardComponent h3 .componentTitle {
	display: table-cell;
	vertical-align: middle;
	text-transform: none;
	font-size: 20px;
	font-weight: bold;
	color: #555151;
}
.dashboardComponent h3 a:hover .componentTitle {
	text-decoration: underline;
}

.dashboardComponent .componentCTALink {
	margin-top: 20px;	
}

.dashboardComponent .appButtons {
	float: left;
	width: 263px;
	height: 41px;
}
.dashboardComponent .appButtons a {
	float: left;
	display: block;
}



/*--- My Account: Accordion ---*/
.accWrapper {
	overflow: hidden;
	width: 100%;
}
.acc {
	overflow: hidden;
	margin-top: 1px;
}
.phs .acc h2 {
	text-transform: none;
	margin: 0;
}
.article-content .accControl {
	background: #2c2b2c;
	display: block;
	padding: 20px 40px;
	position: relative;
	z-index: 99;
	color: #d0d0d0;
	font-size: 18px;
}
a.accControl:hover,
a.accControl.focused {
	text-decoration: none;
}
.accControl span {
	display: inline-block;
	margin-right: 45px;
}

.accControl strong {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.accControl i {
	position: absolute;
		right: 40px;
		top: 50%;
	margin-top: -15px;
}
.accContent {
	display: none;
	max-width: 100%;
	overflow: hidden;
	padding: 40px;
	position: static;
}
.guarantorHelpWrapper {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.guarantorHelpWrapper .guarantorHelpCopy,
.guarantorHelpWrapper .guarantorHelpImage {
	width: 100%;
	float: left; 
}



/*-- Open Accordion --*/
.openAcc {
	border: 1px solid #b1b1b1;
}
.openAcc .accControl {
	background: #ececec;
	color: #4e4e4e;
	border-bottom: 1px solid #b1b1b1;
	padding-right: 38px;
	padding-left: 38px;
}
.openAcc .accControl strong {
	color: #a71930;
}
.openAcc .accControl i {
	right: 38px;
}


/*--- My Account --*/		/* UNUSED??? */
.accContent .underline {
	text-decoration: underline;
}
.accContent .curEmail,
.myAccountPage .changeMemberNumber .richContent {
	line-height: 24px;
}
.myAccountPage .changeEmailOptions .formLabel,
.myAccountPage .changeSecurity .formLabel {
	text-align: left;
}
.myAccountPage .changeMemberNumber .richContent ul {
	font-weight: bold;
	list-style: outside disc;
	margin-left: 14px;
}



/*-------------------------*\
    $PROVIDER UPDATES
\*-------------------------*/

/* default is desktop; mobile/tablet overrides in their respective sections  */

.infoCopy {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
}
.infoCopy .infoContext {
	color: #a71930;
}
.formInstructions {
	margin-bottom: 25px;
}
hr.providers,
.officeHours hr {
	color: #d0d0d0;
	background-color: #d0d0d0;
}
hr.providers {
	margin-bottom: 30px;
	float: left;
}
.viewAddress{
	margin-bottom: 20px;
}
.networkDiv {
	float:left;
	margin-bottom: 30px;
}
.viewAddress h2,
.confirmationText h2,
.searchResults h2 {
	color: #555151;
}
h2.h2Bigger {
	font-size: 30px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.confirmationText  {
	margin-bottom: 30px;
}
.confirmationText p {
	font-size: 18px;
}
.providerNeedHelpText {
 	margin: 0 20px 20px 20px;
}


/*--- Menu / Dashboard ---*/
.providersDashboard {
	margin-top: 25px;
}
.providersDashboard .menuIndividual .dashboardComponent {
	height: 170px;
}
.providersDashboard .menuIndividual .dashboardComponent h3 {
	height: 49px;
}

.providersDashboard .menuGroup .dashboardComponent,
.providersDashboard .menuFacility .dashboardComponent {
	height: 181px;
}
.providersDashboard .menuGroup .dashboardComponent h3,
.providersDashboard .menuFacility .dashboardComponent h3 {
	height: 60px;
}

.providersDashboard .menuIndividual .componentCTALink.secondary {
	margin-top: 28px;
}
.providersDashboard .menuGroup .componentCTALink.secondary,
.providersDashboard .menuFacility .componentCTALink.secondary {
	margin-top: 39px;
}
.dashboardComponent .componentCTALink.secondary:first-child {
	margin-top: 0;
}


/*--- Tables ---*/		
.providerTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.providerTable th,
.providerTable td {
	padding: 10px 15px;
	border: 1px solid #d6d4d5;
}
.providerTable th {
	background-color: #9f9f9f;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
.providerTable tr:nth-child(even) {
	background-color: #f7f7f7;
}
.providerTable tr:hover {
	background-color: #e3faf8;
}
.providerTable tr.remittanceRow:hover {
	background-color: inherit;
}
.providerTable th.hiddenColumn,
.providerTable td.hiddenColumn {
	display: none;
}
.providerTable td a {
	font-weight: bold;
	white-space: nowrap;
}
.providerTable td a:hover {
	text-decoration: underline;
}

.providerTable a.removeLink {
	text-decoration: none;
}
.providerTable a.removeButton:hover {
	text-decoration: underline;
}

/* pagination controls */
.providerTable tr.gridPager,
.providerTable tr.gridPager:hover,
.providerTable tr.gridPager td,
.providerTable tr.gridPager table tr,
.providerTable tr.gridPager table tr:hover,
.providerTable tr.gridPager table td {
	background-color: transparent;
	border: none;
}
.providerTable tr.gridPager table td {
	padding: 10px 5px;
}
.providerTable tr.gridPager table td a {
	padding: 8px;
	display: block;
}
.providerTable tr.gridPager table td span {
	background-color: #a61a2e;
	color: #fff;
	display: block;
	padding: 8px;
}


/*--- Forms ---*/
.officeHoursPanel {
	float: left;
}
.officeHoursWeek {
	margin-bottom: 
}
.officeHoursDay {
	width: 132px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}
.officeHoursDay h3 {
	font-size: 18px;
	font-weight: bold;
	color: #2c2b2c;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.officeHoursDay:first-child {
	margin-left: 0;
}
.officeHours {
	border: 1px solid #d0d0d0;
	padding: 8px 8px 15px 8px;
	position: relative;
}
.officeHoursOverlay {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #959595;
	z-index:50;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
.officeHours .chkClosed .checkbox,
.officeHours .chkClosed label {
	z-index: 51;
	position: relative;
}
.formWrapper.providerUpdate .officeHours label {
	display: inline;
	font-weight: normal;
	font-size: 12px;
}
.officeHours h4 {
	font-weight: bold;
	color: #2c2b2c;
	margin-top: 15px;
}
.formWrapper.providerUpdate .searchOptionsPanel {
	margin-top: 35px;
}
.formWrapper.providerUpdate .searchOptionsPanel h2 {
	margin-bottom: 20px;
}
.noSearchResultsPanel {
	background-color: #ececec;
	width: 635px;
	padding: 40px 40px 30px 40px;
	margin-bottom: 40px;
}
.noSearchResultsPanel .iconCaution {
	 float: left; 
	 margin-right: 30px;
}
.formWrapper.providerUpdate .searchOptionRadio {
	width:100%;
	float: left;
	margin-bottom: 20px;	
}
.formWrapper.providerUpdate .searchOptionRadio .radioHeader{
	margin-bottom: 15px;
}
.formWrapper.providerUpdate .searchOptionRadio .radioHeader label{
	font-size: 20px;
	display: inline;
}
.formWrapper.providerUpdate .searchOptionRadio .formRow {
	margin-left: 45px;
}
.formWrapper.providerUpdate select {
	font-size: 12px;
	padding-left: 14px;	
}
.formWrapper.providerUpdate .officeHours select {
	width: 114px;
	margin-bottom: 5px;
	padding-left: 5px;
}
.formWrapper.providerUpdate .checkbox label,
.formWrapper.providerUpdate .radio label {
	display: inline;
	font-weight: normal;
	font-size: 16px;
	color: #555151;
	margin-right: 30px;
}

.formWrapper.providerUpdate .checkbox,
.formWrapper.providerUpdate .radioButton {
    vertical-align: middle;
    margin-right: 5px;
}
.formWrapper.providerUpdate .officeHours .checkbox {
	margin-right: 0;
}
.formColumnGroup {			/* desktop */
	width: 100%;
	float: left;
}
.formWrapper.providerUpdate .formColumn { 		/* desktop */
	width: 350px;
	float: left;
	margin-right: 30px;
}

.formWrapper.providerUpdate .formColumn.column1 { 		/* desktop */
	width: 370px;
	margin-right: 0;
	border-right: 1px solid #d0d0d0;
}
.formWrapper.providerUpdate .formColumn.column2 { 		/* desktop */
	width: 580px;
	margin-left: 50px;
	margin-right: 0;
}

.formWrapper.providerUpdate .formColumn .fieldGroup { 		/* desktop */
	width: 350px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.state,
.formWrapper.providerUpdate .formColumn .fieldGroup.state select {
	width: 187px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.zip { 
	width: 153px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.phone,
.formWrapper.providerUpdate .formColumn .fieldGroup.fax {
	width: 175px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.phoneExt,
.formWrapper.providerUpdate .formColumn .fieldGroup.faxExt {
	width: 165px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.minMax {
	width: 155px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.minMax input {
	width: 130px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.maxPatients label span {
	font-weight: normal;
	font-style: italic;
}
.formWrapper.providerUpdate .fieldGroup.languages {
	margin-top: 15px;
	width: 100%;
	height: auto;
}
.formWrapper.providerUpdate .fieldGroup.languages table {
	width: 100%;
	height: auto;
}
.formWrapper.providerUpdate .fieldGroup.languages label {
	margin-right: 5px;
} 
.formWrapper.providerUpdate .languages td {		/* desktop */
	padding: 0 15px 15px 0;
}

.formWrapper.providerUpdate input[type="text"].disabled,
.formWrapper.providerUpdate select.disabled{
	background-color: #efefef;
}

.formWrapper.providerUpdate .buttonWrapper,
.buttonWrapper.confirmationButtons {
	margin-top: 30px;
}
.formWrapper.providerUpdate.panelStatus .buttonWrapper {		/* desktop */
	margin-left: 385px;	
}

/*-- Lightbox --*/
.lightboxOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/phsorgresources/Style Library/img/bgBlackTransp.png") repeat;
	z-index:1001;
}
.lightboxContent {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: auto;
	padding: 25px;
	border: 2px solid #555;
	background-color: white;
	z-index:1002;
	overflow: auto;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.lightboxContent .closeLightbox {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* ----- end of Provider Updates --*/



/*-------------------------*\
    $FORMS
\*-------------------------*/

.withSidebar {	
	width: 100%;
	float: left;
}
/* Sidebar components on Login and Registration pages */
.sidebarWrapper {
	float:left;
	width: 100%;
}

.formWrapper {
	width: 100%;
	float: left;
}
.myAccountPage .changeEmailOptions .formWrapper,
.myAccountPage .changePassword .formWrapper {
	margin-bottom: 20px;
}
.myAccountPage .changeMemberNumber .formWrapper,
.myAccountPage .changeGuarantorNumber .formWrapper,
.myAccountPage .changePassword .formWrapper {
	margin-top: 20px;
}
.myAccountPage .changeGuarantorNumber .buttonWrapper {
	margin-top: 0;
}

/* Used on Enter Member ID, Enter Guarantor Number, and Enter MyChart Activation Code pages  */
.formWrapper.withInstructions {
	width: 100%;
	float: left;
}
.instructionsWrapper {
	width: 100%;
	float: left;
}
.instructionsWrapper.guarantor .guarantorHelpCopy,
.instructionsWrapper.guarantor .guarantorHelpImage {
	width: 100%;
	float: left; 
}
.guarantorHelpImage img {
	max-width: 100%;
	float: left;
}



.formWrapper .formRow {
	float: left;
	width: 100%;
	clear: both;
}
.formWrapper .fieldGroup {
	margin: 0 0 20px 0;
	width: 100%;
	float: left;
}
.formWrapper .dobFields {
	float: left;
	width: 100%;
}
.formWrapper .phoneFields .phoneField {	
	float: none;
	width: 25%;
	margin-left: 10px;
}
.formWrapper .phoneFields #phone3 {	
	width: 30%;
}
.formWrapper .phoneFields #phone1 {	
	margin-left: 0;
}
.formWrapper label {
	display: block;
	margin: 0;
	color: #2c2b2c;
	font-weight: bold;
}
.formWrapper label em {
	font-weight: normal;
}
.formWrapper .noteWrapper,
.formWrapper .errorWrapper {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
.formWrapper .dobRow .errorWrapper,
.formWrapper .dobFields .errorWrapper {
	margin-top: -20px;
	margin-bottom: 20px;
}

.formWrapper .note {
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	clear: both;
	margin-bottom: 10px;
}
.formRow .errormsg,
.fieldGroup .errormsg,
.errorWrapper .errormsg,
.fieldGroup font {
	display: block;
	margin: 5px 0;
	float: left;
	font-size: 12px;
	color: red;
}


.highlightBox {
	background-color: #ececec;
	padding: 30px 25px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.highlightBox h3 {
	font-size: 20px;
	color: #a71930;
	font-weight: bold;
	margin-bottom: 15px;
}
.registrationForm .passwordRow .fieldGroup,
.providerRegistrationForm .passwordRow .fieldGroup,
.registrationForm .memberNumberRow .fieldGroup,
.providerRegistrationForm .memberNumberRow .fieldGroup{
	margin-bottom: 5px;
}
.registrationForm .passwordRow .noteWrapper, 
.providerRegistrationForm .passwordRow .noteWrapper{
	margin-bottom: 20px;
}





/*-- Inputs --*/
.formWrapper input[type="text"],
.formWrapper input[type="number"],
.formWrapper input[type="email"],
.formWrapper input[type="password"],
.formWrapper textarea {
	-webkit-appearance: none;
	border: 1px solid #acacac;
	height: 40px;
	padding: 8px 14px;
	width: 100%;
	background: #fff; 
	float: left;
}

/* read-only output should take up space like a text input */
.formWrapper .readOnlyField,
.formWrapper .formFieldValueROInline 	{	/* for Biometric form */
	border: none;
	height: 40px;
	padding: 8px 40px 8px 0;
	width: 100%;
	background: #fff; 
	float: left;
}
.registrationForm .highlightBox .memberNumberRow .noteWrapper{
	width: 100%;
	margin-top: 10px;
}

/*----- Styled Radio Buttons -----*/
.formWrapper .radioList .radioMobile,
.formWrapper .radioList .radioMobileChecked,
.formWrapper .radioList label { 
	float: left;
	vertical-align: middle;
	line-height: 49px;
}
.formWrapper .radioList label {
	font-weight: normal;
}
.formWrapper .radioList label i {
	margin-right: 10px;
}
.formWrapper .radioList input[type=radio] {
	display: none; 
}
.formWrapper .radioList2 label {
	display: inline; 
}



/* Select dropdowns */
.formWrapper select {
	height: 40px;
	width: 100%;
	float: left;
	border: 1px solid #acacac;

}
.formWrapper option {
	padding: 5px;
}
.formWrapper .fieldGroup.dobMonth,
.formWrapper .fieldGroup.dobDay {
	width: 28.38%;		/*  88/310  */ 	
}
.formWrapper .fieldGroup.dobYear {
	width: 36%;		/*  114/310 (truncated)  */
}
.formWrapper .fieldGroup.dobDay,
.formWrapper .fieldGroup.dobYear {
	margin-left: 10px;
}
.myAccountPage .formWrapper .fieldGroup.dobDay,
.myAccountPage .formWrapper .fieldGroup.dobYear {
	margin-left: 2px;
}



/* Buttons */
.buttonWrapper {
	clear: both;
	float: left;
}
.signInForm .buttonWrapper,
.myAccountPage .buttonWrapper {
	margin-bottom: 20px;
}
.buttonWrapper input {
/*	Uses actionButton styles  */
}



/****************** Responsiveness! *********************/

/* Phone - all of the default styles, plus the following    */
@media only screen and (min-width:320px) and (max-width:767px) {
.navMenu {
	float: none;
	position: absolute;
		top: 44px;
		right: 0;
	width: 200px;
	margin: 0;
	background: #ffffff;
	border-left: 2px solid #acacac;
	border-bottom: 1px solid #acacac;
	border-top: 1px solid #acacac;
	z-index: 100;
	display: none; 
}
.navMenu li,
.navMenu .navOtherRoles {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #acacac;
	border-left: none;
	padding: 0;
	margin: 0;
	background: transparent;
}
.navMenu li a,
.navMenu .navOtherRoles a {
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	color: #2c2b2c;
	display:block;
	padding: 15px;
}
.navMenu a i { display: none; }

.footerContent {
	width: 85%;
	margin: 20px auto;
}
.footerHelp span {
	display: block;
}
/* .footerMenu {		/* UPDATE 7/28/16 
	width: 240px;
	text-align: center;
}
footer ul.row1,
footer ul.row2 {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
footer ul.row1 {
	width: 190px;
}
footer ul.row2 {
	width: 140px;
	clear: both;
	border-left: none;
}
footer ul.row2 li:first-child {
	border-left: 0;
}
footer ul li a {
	padding: 0 14px;
} */

.phs .article-content.dashboardPage,
.phs .article-content.myAccountPage {
	margin: 0 0 1px 0;
}
.dashboardComponentWrapper {
	display: none;
}
.dashboardComponent.nonMobile {
	display: none;
}
.phs .bullets.column1 {
	margin-bottom: 0;	
}
.formWrapper input,
.formWrapper textarea,
.formWrapper select {
	font-size: 16px;	/* to prevent auto-zoom in iOS */
}

.providerTable th,
.providerTable tr.headerRow {		/* provider tables in mobile view */
	display: none;
}
.providerTable tr {
	display: block;
	border: 1px solid #d6d4d5;
	padding: 10px 0;
	margin-bottom: 20px;
}
.providerTable td {
	display: block;
	border: none;
	padding: 5px 15px;
}
.providerTable td:before {
	content: attr(data-label) ":  ";
	font-weight: bold;
	margin-right: 5px;
}

.providersDashboard .dashboardComponent.withHelp {
	height: auto;
}
.formWrapper.providerUpdate .formColumn,
.formWrapper.providerUpdate .formColumn .fieldGroup { 		/* form columns & fields in mobile & tablet view */
	width: 100%;
	margin-right: 0;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.phoneExt,
.formWrapper.providerUpdate .formColumn .fieldGroup.faxExt,
.formWrapper.providerUpdate .formColumn .fieldGroup.zip {
	margin-left: 10px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.state,
.formWrapper.providerUpdate .formColumn .fieldGroup.state select,
.formWrapper.providerUpdate .formColumn .fieldGroup.phone,
.formWrapper.providerUpdate .formColumn .fieldGroup.fax {
	width: 140px;
}
.formWrapper.providerUpdate .formColumn .fieldGroup.zip,
.formWrapper.providerUpdate .formColumn .fieldGroup.phoneExt,
.formWrapper.providerUpdate .formColumn .fieldGroup.faxExt { 
	width: 120px;
}

.formWrapper.providerUpdate .formColumn.column1 { 		/* mobile + tablet */
	width: 100%;
	border-right: none;
}
.formWrapper.providerUpdate .formColumn.column2 { 		/* mobile + tablet */
	width: 100%;
	margin-left: 0;
}
.formWrapper.providerUpdate .languages td {		/* mobile */
	padding: 0 0 15px 0;
}
.formWrapper.providerUpdate.panelStatus .buttonWrapper {
	margin-left: 0;			/* mobile + tablet */}

.lightboxContent {			/* mobile */
	top: 10%;
	left: 10%;
	width: 80%;
	height: auto;
	padding: 25px;
}



} /* end Phone styles */



/* Tablet */
@media only screen and (min-width:768px) and (max-width:1023px) {
.phs .article {
	max-width: 768px;
	margin: 0 auto;
}
.phs .article-content {
	margin: 0 20px 75px 20px;
}
.providerNeedHelpText {
 	max-width: 728px;
 	margin: -45px auto 75px auto;
}

.headerNavBarWrapper {
	height: 50px;
}
.headerImage {
	max-width: 1200px;
	height: 226px;
	background: url("/phsorgresources/Style Library/img/headerImage.jpg") 0 0 no-repeat;
	margin: 0 auto;
	background-size: 1200px 226px;
}
.greeting {
	display: block;
}
.showMenuLink {
	display: none;
}
.navMenu {
	display: block;	
}
.groupNamePanel {
	color: #ededed;
	font-size: 14px;
	background: url("/phsorgresources/Style Library/img/bgBlackTransp.png");
	width: auto;
	padding: 15px 20px;
	display: inline-block;
	position: absolute;
	top: 226px;
}
.messagePanel  {
	float: none;
	margin-bottom: 30px;
}
.messageFooterPanel .centennialCarePanel,
.messageFooterPanel .providersMenuPanel {
	max-width: 768px;
}
.dashboardSection,
.dashboardComponentWrapper {
	max-width: 768px;
}
.dashboardSection {
	margin: 0 auto 40px auto;	
}
.dashboardSection h2 {	
	background-color: #ffffff;
	color: #555151;
	border: none;
	margin: 0 auto 15px auto;
	text-align: left;
	padding: 0;
}
.dashboardSection h2 strong {	
	color: #a71930;
	display: inline;
}
.dashboardSection h2 i {	
	display: none;
}
.dashboardComponent {
	width: 50%;
	padding: 30px;
	margin: -1px 0 0 -1px;
	border: 1px solid #d3d3d3;	
}
.dashboardComponentWrapper .componentBody {
	min-height: 122px;	
}

.helpLink {
	display: block;
}
.moreDetails {
	display: none;
}
.phs .column1,
.phs .column2 {
	width: 45%;	
}
.withSidebar {	
	max-width: 633px;
}
.sidebarWrapper {
	max-width: 768px;
	margin-left: 0;
	margin-top: 30px;
}
.formWrapper.withInstructions {
	max-width: 768px;	
}
.instructionsWrapper {
	max-width: 768px;
	margin-top: 25px;
}
.instructionsWrapper.guarantor .guarantorHelpCopy, 
.guarantorHelpWrapper .guarantorHelpCopy {
	width: 300px; 
	margin-left: 20px;
}
.myAccountPage .instructionsWrapper.guarantor {
	width: 640px;
	margin-top: 25px;
}
.instructionsWrapper.guarantor .guarantorHelpImage,
.guarantorHelpWrapper .guarantorHelpImage {
	width: 312px;
}
.myAccountPage .instructionsWrapper.guarantor .guarantorHelpCopy,
.myAccountPage .guarantorHelpWrapper .guarantorHelpCopy {
	width: 300px; 
	margin-left: 20px;
}
.myAccountPage .changeMemberNumber .buttonWrapper,
.myAccountPage .changeGuarantorNumber .buttonWrapper,
.myAccountPage .changeSecurity .buttonWrapper,
.myAccountPage .changePassword .buttonWrapper {
	margin-top: 0;
	margin-left: 0;
}
.highlightBox {
	width: 633px;	
}
.formWrapper .fieldGroup,
.formWrapper .dobFields {
	width: 310px;
	margin-left: 10px;
}
.formWrapper .gFormWrapper .fieldGroup,
.formWrapper .gFormWrapper .phoneFields {	/* for gForm with 3 fields per row (Biometric Screening form) */
/*	width: 236px; */

}
.formWrapper .fieldGroup:first-child,
.formWrapper .fieldGroup.dobMonth {
	margin-left: 0;
}
.formWrapper input[type="text"],
.formWrapper input[type="number"],
.formWrapper input[type="email"],
.formWrapper input[type="password"],
.formWrapper textarea {
	width: 100%; 
}
.formWrapper .currentUserid {
	width: 200px;
}
.formWrapper .readOnlyField {
	width: auto; 
}
.highlightBox .signInForm .fieldGroup,
.highlightBox .signInForm input[type="text"],
.highlightBox .signInForm input[type="password"] {
	width: 220px;
}
.formWrapper .firstName, 
.formWrapper .middleInitial {
	width: 185px;
}
.formWrapper .lastName {
	width: 237px;
}
.registrationForm .highlightBox .fieldGroup {
	width: 280px;
}
.registrationForm .highlightBox .memberNumberRow .noteWrapper{
	width: 280px;
	margin-top: 22px;
}
select,
.formWrapper select {
	width: 310px; 
}
.formWrapper .buttonWrapper {
	width: auto;
}
.signInForm .buttonWrapper,
.myAccountPage .buttonWrapper,
.forgotUserIDForm .buttonWrapper,
.authorizationPrompt .buttonWrapper {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 0;
	clear: none;
}
.formWrapper .fieldGroup.dobMonth,
.formWrapper .fieldGroup.dobMonth select,
.formWrapper .fieldGroup.dobDay,
.formWrapper .fieldGroup.dobDay select {
	width: 88px; 
}
.formWrapper .fieldGroup.dobYear,
.formWrapper .fieldGroup.dobYear select {
	width: 114px; 
}

.formWrapper.providerUpdate .formColumn.column1 { 		/* mobile + tablet */
	width: 100%;
	border-right: none;
}
.formWrapper.providerUpdate .formColumn.column2 { 		/* mobile + tablet */
	width: 100%;
	margin-left: 0;
}
.formWrapper.providerUpdate.panelStatus .buttonWrapper {
	margin-left: 0;						/* mobile + tablet */
}





} /* end Tablet styles */



/* Desktop  */
@media only screen and (min-width:1024px)  {
.phs .article-content {
/*	width: 100%;  */
	max-width: 1003px;
	margin: 0 auto 75px auto;
	position: relative;
}
.providerNeedHelpText {
 	margin: -45px auto 75px;
    max-width: 1003px;
}

.headerNavBarWrapper {
	height: 50px;
}
.headerImage {
	max-width: 1200px;
	height: 226px;
	background: url("/phsorgresources/Style Library/img/headerImage.jpg") 0 0 no-repeat;
	margin: 0 auto;
}
.greeting {
	display: block;
}
.groupNamePanel {	
	color: #ededed;
	font-size: 14px;
	background: url("/phsorgresources/Style Library/img/bgBlackTransp.png");
	width: auto;
	padding: 15px 20px;
	display: inline-block;
	position: absolute;
	top: -50px;
}
.messagePanel  {
	float: none;
	margin-bottom: 30px;
}
.messageFooterPanel .centennialCarePanel,
.messageFooterPanel .providersMenuPanel {
	max-width: 990px;
}

.dashboardSection {
	margin: 0 auto 40px auto;	
}
.dashboardSection h2 {	
	background-color: #ffffff;
	color: #555151;
	border: NONE;
	margin: 0 auto 15px auto;
	text-align: left;
	padding: 0;
}
.dashboardSection h2 strong {	
	color: #a71930;
	display: inline;
}
.dashboardSection h2 i {	
	display: none;
}

.dashboardComponent {
	width: 329px;
	margin: -1px 0 0 -1px;
	border: 1px solid #d3d3d3;	
	padding: 30px;		
}
.dashboardComponentWrapper.componentBody {
	min-height: 122px;	
}

.showMenuLink {
	display: none;
}
.navMenu {
	display: block;	
}
.helpLink {
	display: block;
}
.moreDetails {
	display: none;
}
.phs .column1,
.phs .column2 {
	width: 45%;	
}

.withSidebar {	
	width: 633px;
}
.sidebarWrapper {
	width: 335px;
	margin-left: 35px;
}
.formWrapper.withInstructions {
	width: 333px;
	border-right: 1px solid #d0d0d0;
}
.instructionsWrapper {
	width: 633px;
	padding-top: 10px;
	padding-left: 35px;
	margin-left: -1px;
	border-left: 1px solid #d0d0d0;
}
.instructionsWrapper.guarantor img {
	margin-left: -10px;
}
.instructionsWrapper.guarantor .guarantorHelpImage,
.guarantorHelpWrapper .guarantorHelpImage {
	width: 312px;
}
.instructionsWrapper.guarantor .guarantorHelpCopy {
	width: 265px; 
	margin-left: 20px;
}
.guarantorHelpWrapper .guarantorHelpCopy {
	width: 360px; 
	margin-left: 20px;
}
.myAccountPage .instructionsWrapper.guarantor {
	width: 588px;
	margin-top: 25px;
}
.myAccountPage .instructionsWrapper.guarantor .guarantorHelpCopy {
	width: 200px; 
	margin-left: 20px;
}
.myAccountPage .guarantorHelpWrapper .guarantorHelpCopy {
	width: 179px; 
	margin-left: 20px;
}
.myAccountPage .changeGuarantorNumber .buttonWrapper {
	margin-left: 0;
}


.highlightBox {
	width: 633px;	
}
.formWrapper .fieldGroup,
.formWrapper .dobFields {
	width: 310px;
	margin-left: 10px;
}
.formWrapper .fieldGroup:first-child,
.formWrapper .fieldGroup.dobMonth {
	margin-left: 0;
}
.formWrapper input[type="text"],
.formWrapper input[type="number"],
.formWrapper input[type="email"],
.formWrapper input[type="password"],
.formWrapper textarea {
	width: 100%; 
}
.formWrapper .fieldGroup.currentUserid {
	width: 200px;
}
.formWrapper .readOnlyField {
	width: auto; 
}
.highlightBox .signInForm .fieldGroup,
.highlightBox .signInForm input[type="text"],
.highlightBox .signInForm input[type="password"] {
	width: 220px;
}
.formWrapper .firstName,
.formWrapper .middleInitial {
	width: 185px;
}
.formWrapper .lastName {
	width: 237px;
}
.registrationForm .highlightBox .fieldGroup {
	width: 280px;
}
.registrationForm .highlightBox .memberNumberRow .noteWrapper{
	width: 280px;
	margin-top: 22px;
}
select,
.formWrapper select {
	width: 310px; 
}
.formWrapper .buttonWrapper {
	width: auto;
}
.signInForm .buttonWrapper,
.myAccountPage .buttonWrapper,
.forgotUserIDForm .buttonWrapper,
.authorizationPrompt .buttonWrapper {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 0;
	clear: none;
}

.formWrapper .fieldGroup.dobMonth,
.formWrapper .fieldGroup.dobMonth select,
.formWrapper .fieldGroup.dobDay,
.formWrapper .fieldGroup.dobDay select {
	width: 88px; 
}
.formWrapper .fieldGroup.dobYear,
.formWrapper .fieldGroup.dobYear select {
	width: 114px; 
}
.myAccountPage .formWrapper .fieldGroup.dobYear,
.myAccountPage .formWrapper .fieldGroup.dobYear select {
	width: 130px; 
}

.formWrapper .fieldGroup.gender{
	margin-left: 80px;
}
.formWrapper .fieldGroup.gender select {
	width: 237px; 
}


/* Express Pay tiles on Login Page */
.withSidebar.positioned {
	min-height: 620px;
}
.sidebarWrapper .dashboardComponent.positioned.providerUpdate {
	position: absolute;
	top: 410px;
	float: none;
	width: 318px;
}
.sidebarWrapper .dashboardComponent.payMedicalBill {
	left: 0px;
}
.sidebarWrapper .dashboardComponent.payPremiumBill {
	left: 317px;
}


	
} /* end Desktop styles */






/******************* SPRITES ***********************/

.sprite {display:inline-block;overflow:hidden;background-repeat:no-repeat;
				  background-image:url('/phsorgresources/Style%20Library/img/sprites.png');background-size: 256px 512px;}
				  				  
/*
	
	Replace '.btnAccordionUp' with the following: 
	.btnAccordionUp, .open .btnAccordionDown
	
	Replace '.btnAccordionUpDark' with the following: 
	.btnAccordionUpDark, .openAcc .btnAccordionDown 
	
	Replace '.checkboxChecked-disabled' with the following:
	.checkboxChecked-disabled, .checkboxChecked.disabled
	-- AND -- 
	move the resulting line to come after the line for '.checkboxChecked'


*/


.appButtonApple {width:131px;height:41px;background-position: -1px -43px}
.appButtonGoogle {width:132px;height:41px;background-position: -1px -1px}
.arrowRedDown {width:8px;height:5px;background-position: -192px -75px}
.arrowRedLeft {width:5px;height:8px;background-position: -192px -99px}
.arrowRedRight {width:5px;height:8px;background-position: -192px -90px}
.arrowWhiteRight {width:5px;height:8px;background-position: -192px -81px}
.btnAccordionDown {width:30px;height:30px;background-position: -73px -221px}
.btnAccordionUp, .open .btnAccordionDown {width:30px;height:30px;background-position: -116px -202px}
.btnAccordionUpDark, .openAcc .btnAccordionDown {width:30px;height:30px;background-position: -1px -238px}
a:hover .btnClose, a.focused .btnClose {width:20px;height:20px;background-position: -235px -204px}
.btnClose {width:20px;height:20px;background-position: -235px -183px}
a:hover .btnQuestionMark, a.focused .btnQuestionMark {width:20px;height:20px;background-position: -235px -162px}
.btnQuestionMark {width:20px;height:20px;background-position: -235px -141px}
.checkbox {width:36px;height:36px;background-position: -198px -178px}
.checkboxChecked {width:36px;height:36px;background-position: -1px -201px}
.checkboxChecked-disabled, .checkboxChecked.disabled {width:36px;height:36px;background-position: -198px -141px}
.circleArrowLeft {width:25px;height:25px;background-position: -147px -202px}
.circleArrowRight {width:30px;height:25px;background-position: -32px -244px}
.circlePlus {width:25px;height:25px;background-position: -1px -269px}
.clearForm {width:8px;height:8px;background-position: -192px -66px}
.iconAnnouncement {width:58px;height:58px;background-position: -133px -66px}
.iconCalculator {width:34px;height:34px;background-position: -38px -209px}
.iconCaution {width:66px;height:64px;background-position: -134px -1px}
.iconCreditCards {width:45px;height:36px;background-position: -1px -85px}
.iconDelegates {width:38px;height:40px;background-position: -133px -125px}
.iconDirectoryAddress {width:41px;height:41px;background-position: -1px -122px}
.iconDirectoryAddressHours {width:41px;height:41px;background-position: -91px -85px}
.iconHeaderLink {width:19px;height:19px;background-position: -197px -215px}
.iconLaptop {width:40px;height:36px;background-position: -1px -164px}
.iconMailingAddress {width:43px;height:40px;background-position: -47px -85px}
.iconMyChart {width:37px;height:37px;background-position: -42px -171px}
.iconPanelLanguages {width:40px;height:44px;background-position: -43px -126px}
.iconPhone {width:25px;height:37px;background-position: -172px -164px}
.iconPhysicalAddress {width:45px;height:39px;background-position: -198px -101px}
.iconPillBottle {width:25px;height:38px;background-position: -172px -125px}
.iconScreen {width:38px;height:30px;background-position: -84px -127px}
.iconStethoscope {width:23px;height:41px;background-position: -173px -202px}
.iconThermometer {width:21px;height:42px;background-position: -147px -228px}
.iconVideo {width:38px;height:26px;background-position: -84px -158px}
.radioButton {width:35px;height:35px;background-position: -80px -185px}
.radioButtonChecked {width:35px;height:35px;background-position: -123px -166px}
.radioMobile {width:49px;height:49px;background-position: -201px -51px}
.radioMobileChecked {width:49px;height:49px;background-position: -201px -1px}

.iconPhoneHand {
  background-image: url('/phsorgresources/Style%20Library/img/icon_phone_hand.png');
  background-repeat: no-repeat;
  width: 39px;
  height: 42px;
  display: inline-block;
  overflow: hidden;
  background-size: contain;
  margin-right: 0px !important;
}

.iconRenewal {
  background-image: url('/phsorgresources/Style%20Library/img/icon-renew.png') !important;
  background-repeat: no-repeat;
  width: 37px;
  height: 37px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.iconAssessment {
  background-image: url('/phsorgresources/Style%20Library/img/icon-assessment.png') !important;
  background-repeat: no-repeat;
  width: 33px;
  height: 39px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.iconBaby {
  background-image: url('/phsorgresources/Style%20Library/img/icon-baby.png') !important;
  background-repeat: no-repeat;
  width: 37px;
  height: 37px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.iconChat {
  background-image: url('/phsorgresources/Style%20Library/img/icon-chat.png') !important;
  background-repeat: no-repeat;
  width: 42px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.iconIDCard {
  background-image: url('/phsorgresources/Style%20Library/img/icon-id-card.png') !important;
  background-repeat: no-repeat;
  width: 39px;
  height: 39px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

.iconContact {
  background-image: url('/phsorgresources/Style%20Library/img/icon-contact.png') !important;
  background-repeat: no-repeat;
  width: 40px;
  height: 44px;
  display: inline-block;
  overflow: hidden;
  background-size: contain !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:320px) and (max-width:767px),
	only screen and (min-device-pixel-ratio: 2) and (min-width:320px) and (max-width:767px) {
	.sprite {background-image: url('/phsorgresources/Style%20Library/img/sprites-hd.png');background-size: 256px 512px;} 
	.headerImage { background-image: url("/phsorgresources/Style Library/img/headerImage-mobile-2x.jpg"); background-size: 767px 94px; }
	.phs input.actionButton,a.actionButton:link,
		a.actionButton:hover,a.actionButton:visited {background-image: url("/phsorgresources/Style%20Library/img/circleArrowRight-2x.png"); background-size: 33px 25px; }
}